@charset "utf-8";
/* CSS Document */
/* 创络科技 http://www.chuangluo.com */

*{font-family:Arial, '宋体';}
body{padding: 0; margin: 0; background:#999;}
/*定义全局样式*/

#webbody{width:960px; margin:0px auto; height:auto; float:none;}
#header{width:960px; height:auto; float:left; background:#FFF; padding:0px 10px;}
#mainbody{width:960px; height:auto; float:left; padding:10px 10px 0px 10px; background:#fff;}
#main_left{width:263px; height:auto; float:left; padding-bottom:10px; background:#fff;}
#main_right{width:687px; height:auto; float:right; background:#fff; line-height:24px;}
#footer{width:960px; height:auto; float:left; text-align:center; border-top:solid 6px #ddd; padding:10px; background:#fff; font-size:12px; line-height:24px; color:#666;}
#footer a{text-decoration:none;}
#footer a:hover{text-decoration:underline;}
/*定义主框架*/


#logo{width:580px; height:110px; float:left;}
#logo img{border:0px; vertical-align:middle;}
#top_right{width:370px; height:85px; float:left; text-align:right; padding-top:25px; line-height:30px; padding-right:10px; font-size:12px; color:#666;}
#top_right a{color:#666; text-decoration:none;}
#top_right a:hover{color:#0066cc;}
#top_tel{font-size:18px; font-family:Arial, "微软雅黑", "黑体";}
/*定义LOGO、右侧电话、语言版本*/

.right{float:right}
.right a{font-weight:normal; color:#fff; font-size:12px; text-decoration:none;  line-height:45px; padding-right:10px;}
.right1{float:right}
.right1 a{font-weight:normal; color:#666; font-size:12px; text-decoration:none; line-height:37px; padding-right:10px;}
/*定义侧边栏“更多>>”样式*/

#menu_nav{width:960px; height:35px; float:left; background:url(../images/nav_bg.gif) no-repeat;}
#menu_nav a{color:#FFF; }
#menu_nav ul {font-size:14px; list-style: none; margin:0px; padding:0px;}
#menu_nav li {float:left;}
#menu_nav li a{display: block;width: 120px;height: 35px;text-decoration: none;line-height: 35px;text-align: center;font-size:14px;font-family:"微软雅黑", "黑体";}
#menu_nav li a:hover{color:#00487a; background:url(../images/nav_a_bg.gif) no-repeat;}

#menu_active_a a:visited{color:#00487a; background:url(../images/nav_a_bg.gif) no-repeat;}
#menu_active_a a{color:#00487a; background:url(../images/nav_a_bg.gif) no-repeat;}
/*定义导航栏*/


.box{width:960px; height:300px; margin-top:10px; float:left;}
#slide_c { position:relative;width:960px; height:300px; overflow:hidden;}/*幻灯片不带边框*/
/*#slide_c { position:relative;width:960px; height:300px; overflow:hidden; border:1px solid #ccc;} 幻灯片带边框*/
#slide_c img{width:960px; height:300px}
#slide_c .ico_c{position:absolute; right:2px; bottom:6px}
#slide_c .ico_c li{margin:0px; padding:0px; float:left; width:12px; height:12px; text-indent:-9999px; background:url('../images/banner_icon.png') no-repeat; margin-right:6px; cursor:pointer; list-style:none;}
#slide_c .ico_c li.high {background-position:-12px top;}
/*定义banner样式*/

.inside_banner{width:960px; height:160px; margin-top:10px; float:left;}

.box1{width:235px; height:180px; margin-top:4px; float:left;}
#slide_c1 { position:relative;width:235px; height:180px; overflow:hidden; border:1px solid #ccc;}/*幻灯片带边框*/
#slide_c1 img{width:235px; height:180px}
#slide_c1 .ico_c1{position:absolute; right:2px; bottom:6px}
#slide_c1 .ico_c1 li{float:left; width:12px; height:12px; text-indent:-9999px; background:url('../images/banner_icon.png') no-repeat; margin-right:6px; cursor:pointer; list-style:none;}
#slide_c1 .ico_c1 li.high {background-position:-12px top;}
/*定义小型幻灯片样式*/


.left_top{width:228px; height:45px; float:left; background:url(../images/left_top.gif) no-repeat; font-size:14px; font-family:"微软雅黑", "黑体"; color:#fff; line-height:45px; font-weight:bold; padding-left:35px;}
.left_mid{width:255px; height:auto; float:left; background:url(../images/left_mid.gif) repeat-y; padding-left:8px;}/*第一侧边栏显示方案*/
.left_mid ul{list-style:none; margin:0px; padding:0px;}
.left_mid ul li{background:url(../images/c_title.gif) no-repeat; padding-left:25px;}
.left_mid ul li a{font-size:14px; color:#666; text-decoration:none; line-height:24px; font-family:"微软雅黑", "黑体";}
.left_mid ul li a:hover{font-size:14px; text-decoration:underline; line-height:24px; font-family:"微软雅黑", "黑体";}
.left_mid ul li ul li{background:url(../images/c_title1.gif) no-repeat; padding-left:15px;}
.left_mid ul li ul li a{font-size:12px; line-height:24px; font-family:Arial, "宋体";}
.left_mid ul li ul li a:hover{font-size:12px; line-height:24px; font-family:Arial, "宋体";}
.left_foot{width:263px; height:8px; float:left; font-size:0px; background:url(../images/left_foot.gif) no-repeat; margin-bottom:10px;}

.left_mid1{width:240px; height:auto; float:left; background:url(../images/left_mid.gif) repeat-y; padding:8px 8px 8px 15px; font-size:12px; color:#666; line-height:22px;}
.left_mid1 p{ margin:0px; padding:0px;}
.left_mid1 a{ text-decoration:none;}
.left_mid1 a:hover{text-decoration:underline;}
/*侧边栏联系方式显示方案*/
.left_mid2{width:235px; height:180px; float:left; background:url(../images/left_mid.gif) repeat-y; padding-left:14px; padding-right:14px; padding-bottom:10px;}
/*第三种侧边栏显示方案，带253*180幻灯片*/
.left_mid3{width:240px; height:auto; float:left; background:url(../images/left_mid.gif) repeat-y; padding:8px 8px 8px 15px;}
.left_mid3 ul{list-style:none; margin:0px; padding:0px;}
.left_mid3 ul li{background:url(../images/c_title1.gif) no-repeat; padding-left:10px;}
.left_mid3 ul li a{font-size:12px; line-height:22px; color:#666; text-decoration:none;}
.left_mid3 ul li a:hover{font-size:12px; line-height:22px; color:#666; text-decoration:underline;}
/*侧边栏友情链接*/
/*定义左侧*/


.right_top{width:657px; height:37px; float:left; background:url(../images/right_top.gif) no-repeat; font-size:14px; font-family:"微软雅黑", "黑体"; font-weight:bold; line-height:37px; padding-left:30px;}
.right_mid{width:669px; height:auto; float:left; border:solid 1px #ccc; margin-bottom:10px; padding:8px;}
.right_mid_text{width:440px; height:120px; font-size:12px; color:#666; float:left; line-height:20px; text-indent:2em; display:inline;}
.right_mid_img{width:220px; height:120px; float:left; text-align:center; display:inline;}
.right_mid_img img {border:0px; vertical-align:middle; max-width:220px; height:auto; zoom:expression( function(elm) { if (elm.width>220) { var oldVW = elm.width; elm.width=220; elm.height = elm.height*(220 /oldVW); } elm.style.zoom = '1'; }(this));}
/*定义公司简介*/

.right_mid1{width:669px; height:auto; float:left; border:solid 1px #ccc; margin-bottom:10px; padding:8px;}

.right_p_one{width:159px; height:167px; float:left; margin-left:4px; margin-right:4px; display:inline; margin-bottom:4px; margin-top:4px;}
.right_p_img{width:157px; height:121px; float:left; text-align:center; border:solid 1px #ccc; overflow:hidden;}
.right_p_img img{vertical-align:middle; border:0px;}
.right_p_title{width:157px; height:44px; float:left; text-align:center; overflow:hidden;}
.right_p_title a{font-size:12px; color:#666; text-decoration:none; line-height:22px;}
.right_p_title a:hover{font-size:12px; text-decoration:underline; line-height:22px;}
/*定义首页右侧最新产品*/

#demo {background: #FFF; overflow:hidden; width: 660px; padding-top:10px;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}
/*定义滚动产品*/

.right_mid ul{list-style:none; margin:0px; padding:0px;}
.right_mid ul li{width:300px; float:left; background:url(../images/c_title1.gif) no-repeat; padding-left:15px; font-size:12px; color:#666;}
.right_mid ul li a{font-size:12px; color:#666; text-decoration:none; line-height:24px;}
.right_mid ul li a:hover{font-size:12px; color:#666; text-decoration:underline; line-height:24px;}
/*定义首页新闻动态列表样式*/

.right_mid2{width:669px; height:auto; font-size:14px; color:#666; float:left; border:solid 1px #ccc; margin-bottom:10px; padding:8px; font-size:14px;}
.right_mid2 img {max-width:660px; height:auto; zoom:expression( function(elm) { if (elm.width>660) { var oldVW = elm.width; elm.width=660; elm.height = elm.height*(660 /oldVW); } elm.style.zoom = '1'; }(this));}
.right_mid2 table {border:1px solid #999; border-right:0; border-top:0; vertical-align:middle; text-align:center;}
.right_mid2 table th {border:1px solid #999; border-left:0; border-top:; border-bottom:0; padding:2px 8px; background:#fdfdfd;}
.right_mid2 table td {border:1px solid #999; border-left:0; border-top:; border-bottom:0; padding:2px 8px; background:#fdfdfd;}
/*定义文章详情页面*/
.the_map{width:675px; height:25px; float:left; border:solid 1px #ccc; line-height:25px; padding-left:10px; margin-bottom:8px; font-size:12px; color:#666;}
.the_map a{text-decoration:none;}
.the_map a:hover{text-decoration:underline;}
/*定义内页详细页面的样式，如新闻详细页面*/

.right_mid3{width:669px; height:auto; float:left; border:solid 1px #ccc; margin-bottom:10px; padding:8px; font-size:14px;}

.right_mid4{width:669px; height:auto; float:left; border:solid 1px #ccc; margin-bottom:10px; padding:8px; font-size:14px;}
.right_mid4 p{font-size:14px; margin-bottom:10px; margin-top:10px;}
.right_mid4 a{font-size:14px; color:#C00;}
.right_mid4 a:hover{font-size:14px; color:#C00;}

.the_pages{width:675px; height:25px; float:left; text-align:right; border:solid 1px #ccc; line-height:25px; padding-right:10px; margin-bottom:8px; font-size:12px; color:#666;}
.the_pages a{margin-right:5px; margin-left:5px; font-size:12px; text-decoration:none;}
.the_pages a:hover{margin-right:5px; margin-left:5px; font-size:12px; text-decoration:underline;}
/*定义分页*/

.right_mid5{width:669px; height:auto; float:left; border:solid 1px #ccc; margin-bottom:10px; padding:8px; font-size:14px;}

/*定义产品列表页和案例列表页*/
.imgmid{display:inline-block;*display:inline;*zoom:1;height:100%;width:1px;margin-left:-1px;vertical-align:middle}/*定义图片居中*/

.details_img{width:394px; height:304px; float:left; border:solid 1px #ccc; text-align:center;}
.details_img img{vertical-align:middle;}
.details_right{width:250px; height:184px; float:left; margin-left:10px; display:inline; padding-top:120px; padding-left:10px; font-size:12px; color:#666;}
.details_right span{color:#F00;}
.details_line{width:659px; height:25px; float:left; background:#eee; padding-left:10px; line-height:25px; font-size:14px; margin-top:10px; margin-bottom:10px;}
.details_text{width:649px; height:auto; float:left; border:solid 1px #ccc; font-size:14px; padding-left:10px; padding-right:10px; color:#666;}
.details_text img {max-width:649px; height:auto; zoom:expression( function(elm) { if (elm.width>649) { var oldVW = elm.width; elm.width=649; elm.height = elm.height*(649 /oldVW); } elm.style.zoom = '1'; }(this));}
.details_text table {border:1px solid #999; border-right:0; border-top:0; vertical-align:middle; text-align:center;}
.details_text table th {border:1px solid #999; border-left:0; border-top:; border-bottom:0; padding:2px 8px; background:#fdfdfd;}
.details_text table td {border:1px solid #999; border-left:0; border-top:; border-bottom:0; padding:2px 8px; background:#fdfdfd;}

/*定义案例详细页和产品详细页*/


.right_mid6{width:669px; height:auto; float:left; border:solid 1px #ccc; margin-bottom:10px; padding:8px; font-size:14px;}
.right_mid6 ul{list-style:none; margin:0px; padding:0px;}
.right_mid6 ul li{height:30px; line-height:30px; border-bottom:dotted 1px #d9d9d9; font-size:14px; color:#666;}
.right_mid6 ul li a{font-size:14px; color:#666; text-decoration:none; margin:0px 10px;}
.right_mid6 ul li a:hover{font-size:14px; color:#; text-decoration:underline; margin:0px 10px;}

/*定义新闻列表页*/

.news_title{width:669px; height:40px; float:left; line-height:40px; text-align:center; border-bottom:solid 1px #ccc;}
.news_title h1{font-size:24px; margin:0px; padding:0px;}
.news_time{width:669px; height:22px; float:left; text-align:right; font-size:12px; color:#666;}
.news_details{width:649px; height:auto; float:left; font-size:14px; padding:10px; color:#666;}
.news_details img {max-width:649px; height:auto; zoom:expression( function(elm) { if (elm.width>649) { var oldVW = elm.width; elm.width=649; elm.height = elm.height*(649 /oldVW); } elm.style.zoom = '1'; }(this));}
.news_details table {border:1px solid #999; border-right:0; border-top:0; vertical-align:middle; text-align:center;}
.news_details table th {border:1px solid #999; border-left:0; border-top:; border-bottom:0; padding:2px 8px; background:#fdfdfd;}
.news_details table td {border:1px solid #999; border-left:0; border-top:; border-bottom:0; padding:2px 8px; background:#fdfdfd;}
/*定义新闻详细页*/


.right_mid7{width:669px; height:auto; float:left; border:solid 1px #ccc; margin-bottom:10px; padding:8px; font-size:14px;}
.right_mid7 ul { list-style:none; margin:5px 5px; padding:0;}
.right_mid7 li { font: bold 12px Arial, Helvetica, sans-serif; color:#666; padding:5px 5px; margin:0;}

#feedb { margin:10px;}
#feedb li {padding:5px 0;}
#feedb li span {padding-left:8px; line-height:28px; font-size:12px; color:#f00;}
#feedb li label {margin:0; width:105px; line-height:28px; padding-right:5px; float:left; font-size:14px; text-align:right;}
#feedb li img {float:left; clear:right; margin-left:6px; border:0px;}
#feedb li textarea,.form_text,.form_code {height:210px; width:500px; border:1px solid #aaa; padding:5px 6px; float:left; line-height:22px; font-size:14px; color:#333; font-family:Arial,'宋体';}
.form_text,.form_code {width:300px; height:16px; line-height:16px;}
.form_code {width:100px;}
.form_submit {width:117px; height:36px; line-height:30px; float:left; background:url(../images/btn.gif) no-repeat; border:0; font-size:12px; color:#fff; cursor:pointer; margin-top:6px; display:inline;}
/*定义留言反馈*/


/* 定义在线客服 */
*html{background-image:url(about:blank); background-attachment:fixed;}
.cl_kf_out{position:absolute; visibility:visible; right:0px; top:150px; z-index:2; background:#000;}
.cl_kf01{z-index:10; width:130px; position:fixed; right:0px; top:200px;}
.cl_kf02{right:0px; position:absolute;}
.cl_kf_top{background:url(../images/online3_1_2.gif) no-repeat; width:130px; height:54px; float:left;}
.cl_kf_top a{display:block; width:20px; height:20px; float:right;}
.cl_kf_cont{background:url(../images/online3_3_2.gif) repeat-y; width:120px; height:auto; float:left; padding-left:10px;}
.cl_kf_cont a{font-family:Tahoma, Geneva, sans-serif; display:block; height:24px; width:110px; font-size:12px; color:#666; vertical-align:middle;}
.cl_kf_cont img{vertical-align:middle; border:0px;}
.cl_kf_line{background:url(../images/online3_4_2.gif) no-repeat; width:130px; height:14px; font-size:0px; float:left;}
.cl_kf_tel{background:url(../images/online3_6_2.gif) repeat-y; width:130px; height:auto; float:left; text-align:center; font-size:12px; color:#666; line-height:18px;}
.cl_kf_foot{background:url(../images/online3_7_2.gif) no-repeat; width:130px; height:8px; float:left; font-size:0px;}